<template>
  <div id="app" class="wrapper" ref="wrapper">
    <nav class="navbar navbar-default" role="navigation">
      <div class="container-fluid">
        <!--header section -->
        <div class="navbar-header">
          <button type="button" class="navbar-toggle"
                  data-toggle="collapse"
                  data-target=".navbar-ex1-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">
            <router-link to="/Home/home">
              <img src="./components/images/NEWlogo.png"/>
            </router-link>
          </a>
        </div>
        <!-- menu section -->
        <div class="collapse navbar-collapse navbar-ex1-collapse">
          <ul class="nav navbar-nav navbar-right" data-toggle="collapse" data-target=".navbar-ex1-collapse">
            <li><router-link to="/Home/home"><a>首页</a></router-link></li>
            <li><router-link to="/About/about"><a>关于云耐</a></router-link></li>
            <li><router-link to="/Disher/dishes"><a>最新资讯</a></router-link></li>
            <li><router-link to="/News/news"><a>招标服务</a></router-link></li>
            <li><router-link to="/Content/content"><a>联系我们</a></router-link></li>
          </ul>
        </div>
      </div>
    </nav>
    <router-view></router-view>
    <!--底部-->
    <div class="main_nav_bottom">
      <nav class="navbar navbar-default navbar-fixed-bottom">
        <h6 class="h6-one">杭州云耐信息技术有限公司</h6>
        <h6 class="h6-two">版权所有 网络经营许可证 浙ICP备 15041596号 -3</h6>
      </nav>
    </div>
  </div>
</template>

<script>
  import BScroll from 'better-scroll'
export default {
  name: 'app',
  data(){
    return{

    }
  },
  /*methods:{
    _initScroll () {
      this.shopBoxScroll = new BScroll(this.$refs.wrapper, {
        // better-scroll 会将点击事件去掉，要在这里开启，同时点击在PC 会被执行两次，要在这里控制
        click: true
      });
    }
  }*/
}
</script>

<style>
  body{
    margin: 0;
    padding: 0;
  }
  .navbar-brand img{
    width: 120px;
  }
  .navbar{
    background: #f2f0f1;
  }
  .nav li{
    height: 40px;
    line-height: 40px;
  }
  .nav li:hover{
    background: #00a2e9;
  }
  .nav li:hover a{
    color: #fff;
  }
  .nav a{
    color: #999;
    text-decoration: none;
  }
  /*底部导航*/
  .main_nav_bottom .navbar{
    background: #3f3f40;
    height: 60px;
    width: 100%;
  }
  .main_nav_bottom .row li{
    line-height: 50px;
  }
  .main_nav_bottom .row li a{
    color: #fff;
  }
  .navbar h6{
    font-size: 12px;
    color: #fff;
    line-height: 25px;
    text-align: center;
  }
  .h6-one{
    margin-top: 5px;
  }
  .h6-two{
    margin-top: -8px;
  }
</style>
